<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />

<title>Fashion Clothes</title>
</head>
<body>
<div id="header">
  <h1><em>Zen-Arch</em><strong>COLLECTION</strong></h1>
</div>

<div id="left-person"></div>

<div id="uppers">
  <form action="SearchResultServlet">

    <input type="text" id="Enter a product you want to search for" value="Enter Desc" name="searchText">
    <input type="image" name="s" src="images/btn_header.gif" id="s" />
  </form>
  <div id="nav-top">
    <ul>
      <li><a href="Logout.jsp">Logout</a> |</li>
      <!--  <li><a href="Account.jsp">My Account</a> |</li> -->
      <li><a href="Contact.jsp">Contact us</a></li>
    </ul>
  </div>
</div>
<div id="nav">
  <div>
    <ul>
      <li><a href="index2.jsp">HOME</a> &nbsp;|&nbsp;</li>
      <li><a href="http://news.yahoo.com/entertainment/fashion">FASHION NEWS</a> &nbsp;|&nbsp;</li>
      <li><a href="http://ladyspeak.com/fashion">FASHION TIPS</a> &nbsp;&nbsp;</li>
    </ul>
  </div>
</div>
<div id="body">
  <h2><em>Welcome to our site ${fname} </em> </h2>
  <p>This is an online shopping store </p>
</div>
<div id="black-tl">
  <div id="black-tr">
    <div id="black-br">
      <div id="black-bl">
        <div class="black-box">
 		<h2><em>Tops</em></h2>
          <p><a href="Display?name=tops"><img src="pics/doublelayer.jpg" width="80" height="105" alt="Pic 1" /></a></p>
          <p>Our fashionable collection of tops</p>
        </div>
        <div class="black-box">
          <h2><em>Pants</em> </h2>
          <p><a href="Display?name=pants"><img src="pics/chino.jpg" width="80" height="105" alt="Pic 2" /></a></p>
          <p>If you're looking for comfort and style </p>
        </div>
        <div class="black-box">
          <h2><em>Others</em> </h2>
          <p><a href="Display?name=other" ><img src="pics/stripedenimblazer.jpg"  width="80" height="105" alt="Pic 3" /></a></p>
          <p>Blazers,etc </p>
        </div>
        <div class="black-box">
          <h2><em>Books</em> </h2>
          <p><a href="Display?name=books" ><img src="pics/books.jpg"  width="80" height="105" alt="Pic 3" /></a></p>
          <p>Variety of books </p>
        </div>
        <div class="clear"></div>
      </div>
    </div>
  </div>
</div>
<div id="footer">
  <div id="tips">
    <h2><em>Fashion</em> tips</h2>
    <p>Comfort is fashion</p>
    <p class="more"><a href="http://news.yahoo.com/entertainment/fashion">more</a></p>
  </div>
 
</div>
<div class="clear"></div>
<div id="copyright"> Copyright information goes here. All rights reserved. </div>
</body>
</html>